<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">

<head>
  <title></title>
  <meta charset="utf-8">
  <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
  <link rel="stylesheet" href="css/ui-box.css">
  <link rel="stylesheet" href="css/ui-base.css">
  <link rel="stylesheet" href="css/ui-color.css">
  <link rel="stylesheet" href="css/appcan.icon.css">
  <link rel="stylesheet" href="css/appcan.control.css">
  <link rel="stylesheet" href="css/BaggageTrace.css">
  <link rel="stylesheet" href="css/base.css">
</head>

<body class="um-vp bcEAF2F4" ontouchstart>
    <img src="images/bg.png" style="display:none;" />    
    <canvas id = "watermark" width = "200px"  height = "100px" style="display:none;"></canvas>
    <canvas id = "repeat-watermark"></canvas>
  <mian class="ub ub-ver">
    <ul id="baggageSchedule" class="ub-f1 mt10">
      <!-- <li class="ub-ver">
        <section class="ub ub-ac">
          <div class="tx-c w40 h30">
            <img class="w30 h30" src="./images/loadStatus.png" alt="行李到达">
          </div>
          <h1 class="c20626E">行李到达</h1>
        </section>
        <section class="ub">
          <div id="borderLeft" class=" bor_left_dashed_E7E7E7">
          </div>
          <section class="ub-ver c7DBBCD">
            <div class="ub h25 lh25">
              <p class="mr10 w50">到达时间</p>
              <p>2017-08-29 11:33</p>
            </div>
            <div class="ub h25 lh25">
              <p class="w50 mr10">转盘号</p>
              <p>04</p>
            </div>
            <div class="ub h25 lh25">
              <p class="mr10 w50">到达机场</p>
              <p class="">上海浦东国际机场</p>
            </div>
          </section>
        </section>
      </li>  -->

    </ul>
  </mian>
</body>
<script src="js/appcan.js"></script>
<script src="js/appcan.control.js"></script>
<script src="js/z_API.js?v=123"></script>
<script>
  appcan.ready(function() {
      iG.bgm();
    var baggageSchedule = JSON.parse(appcan.locStorage.getVal("baggageSchedule"));

    if(baggageSchedule.bagOpLogs.length > 0){
      var bagOpLogs = filtrateArray(baggageSchedule.bagOpLogs,"opTypeCode");

      var template = "";
      for(var i = bagOpLogs.length; i > 0; i--){

        var obj = bagOpLogs[i-1];
        var type = obj.opTypeCode;
        //转换对象属性时间戳
        obj.opTime = timestampTransitionDate(obj.opTime)+" "+timestampTransitionTimes(obj.opTime);

        if(type == "21" || type == "20" || type == "19" || type == "18" || type == "17" || type == "16" || type == "15" || type == "14" || type == "10" || type == "6" || type == "4" || type == "1"){
          //只显示时间的状态
          template += baggageStatusTemplate(obj);
        }else if(type == "9"){
          //到达状态
          var arrivalPosition = baggageSchedule.arrivalPosition?baggageSchedule.arrivalPosition:"暂无";
          template += '<li class="ub-ver">'
                    +'<section class="ub ub-ac">'
                    +'<div class="tx-c w40 h30">'
                    +'<img class="w30 h30" src="./images/loadStatus.png" alt="行李到达">'
                    +'</div>'
                    +'<h1 class="c20626E">'+obj.opTypeName+'</h1>'
                    +'</section>'
                    +'<section class="ub">'
                    +'<div id="borderLeft" class=" bor_left_dashed_E7E7E7">'
                    +'</div>'
                    +'<section class="ub-ver c7DBBCD">'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">到达时间</p>'
                    +'<p>'+ obj.opTime +'</p>'
                    +'</div>'
                    +'<div class="ub h25 lh25">'
                    +'<p class="w50 mr10">转盘号</p>'
                    +'<p>'+ arrivalPosition +'</p>'
                    +'</div>'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">到达机场</p>'
                    +'<p class="">'+ baggageSchedule.destinationName +'</p>'
                    +'</div>'
                    +'</section>'
                    +'</section>'
                    +'</li>';
        }else if(type == "7"){
          //装载状态
          template += '<li class="ub-ver">'
                    +'<section class="ub ub-ac">'
                    +'<div class="tx-c w40 h30">'
                    +'<img class="w30 h30" src="./images/arrivalStatus.png" alt="行李装载">'
                    +'</div>'
                    +'<h1 class="c20626E">'+ obj.opTypeName +'</h1>'
                    +'</section>'
                    +'<section class="ub">'
                    +'<div id="borderLeft" class=" bor_left_dashed_E7E7E7">'
                    +'</div>'
                    +'<section class="ub-ver c7DBBCD">'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">装载时间</p>'
                    +'<p>'+ obj.opTime +'</p>'
                    +'</div>'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">货仓位</p>'
                    +'<p class="">'+ baggageSchedule.cargoClass +'</p>'
                    +'</div>'
                    +'</section>'
                    +'</section>'
                    +'</li>';
        }else if(type == "5"){
          //托运状态
          /*  先不删除以后可能会添加这个状态！！！
          var checkinCounter = baggageSchedule.checkinCounter?baggageSchedule.checkinCounter:"暂无";
          template += '<li class="ub-ver">'
                    +'<section class="ub ub-ac">'
                    +'<div class="tx-c w40 h30">'
                    +'<img class="w30 h30" src="./images/logisticsStatus.png" alt="行李托运">'
                    +'</div>'
                    +'<h1 class="c20626E">'+obj.opTypeName+'</h1>'
                    +'</section>'
                    +'<section class="ub">'
                    +'<div id="borderLeft" class=" bor_left_dashed_E7E7E7">'
                    +'</div>'
                    +'<section class="ub-ver c7DBBCD">'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">托运时间</p>'
                    +'<p>'+ obj.opTime +'</p>'
                    +'</div>'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">柜台号</p>'
                    +'<p class="">'+ checkinCounter +'</p>'
                    +'</div>'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">旅客舱位</p>'
                    +'<p>'+ baggageSchedule.cabinClass +'</p>'
                    +'</div>'
                    +'</section>'
                    +'</section>'
                    +'</li>';*/
          template += "";
        }else if(type == "3"){
          //分拣状态
          template += '<li class="ub-ver">'
                    +'<section class="ub ub-ac">'
                    +'<div class="tx-c w40 h30">'
                    +'<img class="w30 h30" src="./images/sortStatus.png" alt="行李分拣">'
                    +'</div>'
                    +'<h1 class="c20626E">'+ obj.opTypeName +'</h1>'
                    +'</section>'
                    +'<section class="ub">'
                    +'<div id="borderLeft" class=" bor_left_dashed_E7E7E7">'
                    +'</div>'
                    +'<section class="ub-ver c7DBBCD">'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">分拣时间</p>'
                    +'<p>'+ obj.opTime +'</p>'
                    +'</div>'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">容器号</p>'
                    +'<p class="">'+ obj.containerNo +'</p>'
                    +'</div>'
                    +'</section>'
                    +'</section>'
                    +'</li>';
        }else{
          //标记状态
          var position = obj.position?obj.position:"暂无";
          template += '<li class="ub-ver">'
                    +'<section class="ub ub-ac">'
                    +'<div class="tx-c w40 h30">'
                    +'<img class="w30 h30" src="./images/BT_baggagemark.png" alt="行李标记">'
                    +'</div>'
                    +'<h1 class="c20626E">行李标记</h1>'
                    +'</section>'
                    +'<section class="ub">'
                    +'<div id="borderLeft" class=" bor_left_dashed_E7E7E7">'
                    +'</div>'
                    +'<section class="ub-ver c7DBBCD">'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">行李位置</p>'
                    +'<p>'+position+'</p>'
                    +'</div>'
                    +'<div class="ub h25 lh25">'
                    +'<p class="mr10 w50">'+obj.opTypeName+'</p>'
                    +'<p>'+ obj.opTime +'</p>'
                    +'</div>'
                    +'</section>'
                    +'</section>'
                    +'</li>';
        }

      }
      $("#baggageSchedule").html(template);
    }else{
      notData("#baggageSchedule");
    }

    function baggageStatusTemplate(obj){

      var temp = '<li class="ub-ver">'
                +'<section class="ub ub-ac">'
                +'<div class="tx-c w40 h30">'
                +'<img class="w30 h30" src="./images/sortStatus.png" alt="">'
                +'</div>'
                +'<h1 class="c20626E">'+obj.opTypeName+'</h1>'
                +'</section>'
                +'<section class="ub">'
                +'<div id="borderLeft" class=" bor_left_dashed_E7E7E7">'
                +'</div>'
                +'<section class="ub-ver c7DBBCD">'
                +'<div class="ub h25 lh25">'
                +'<p class="mr10 w50">'+obj.opTypeName.substring(1,3)+"时间"+'</p>'
                +'<p>'+obj.opTime+'</p>'
                +'</div>'
                +'</section>'
                +'</section>'
                +'</li>';

                return temp;
    }
  });

</script>

</html>
